<template>
    <div class="logo-wrap">
        <div class="logo"><img src="/static/img/logo.png" alt="" /></div>
        <div class="sysName">Fabric绘图工具</div>
    </div>
</template>

<script>
import {vue,runtimeCfg} from '@src/assets/core';
export default {
    props:{},
    setup() {
        return {
            runtimeCfg,
        }
    }
}
</script>

<style scoped>

.logo-wrap{
    display:flex;
    align-items:center;
}
.logo{
    box-sizing: unset;
    cursor: default;
    width:45px;
    height:45px;
    margin-right:10px;
}
.logo img{
    width:100%;
    height:100%;
}
.sysName{
    cursor: default;
    font-size: 20px;
    font-weight: 600;
    color:#fff;
}
.el-icon {
    --color:inherit;
    height:1em;
    width:1em;
    line-height:1em;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    position:relative;
    fill:currentColor;
    font-size:inherit
}

.el-icon svg {
    height:1em;
    width:1em;
}

</style>

